`:top

A `!spinner`! or `!numeric updown`! is a `F33f`_`[graphical control element`:/page/wikibook/entry.mu`zim=wikipedia_en_all_nopic_2025-08.zim|entry_path=Graphical_control_element]`_`f with which a user may adjust a value in an adjoining `F33f`_`[text box`:/page/wikibook/entry.mu`zim=wikipedia_en_all_nopic_2025-08.zim|entry_path=Text_box]`_`f by either clicking on an up or down arrow, by pressing an arrow key down or moving `F33f`_`[mouse wheel`:/page/wikibook/entry.mu`zim=wikipedia_en_all_nopic_2025-08.zim|entry_path=Scroll_wheel]`_`f,`:cite-ref-1[`F5bf`_`[1`#cite-note-1]`_`f] causing the value in the text box to increase (if the up arrow is held down) or decrease (if the down arrow is held down). A spinner is typically oriented vertically. In most cases holding a button down causes the speed at which the associated value changes to increase. Usually, the value of the spinner is displayed in a text box next to the spinner, allowing the user to use the spinner to adjust the value, or to type the value into the text box.`:cite-ref-2[`F5bf`_`[2`#cite-note-2]`_`f] The combination of spinner and text box was coined as a Value Box.

A spinner is different from a `F33f`_`[scrollbar`:/page/wikibook/entry.mu`zim=wikipedia_en_all_nopic_2025-08.zim|entry_path=Scrollbar]`_`f or `F33f`_`[slider`:/page/wikibook/entry.mu`zim=wikipedia_en_all_nopic_2025-08.zim|entry_path=Slider_(computing)]`_`f in that a spinner is typically used to adjust a value without changing the format of the display or the other information on the screen. Thus, the appearance of the spinner at a given time does not represent the quantity of the associated value.

>>Contents

• `F0af`_`[References`#references]`_`f

• `F0af`_`[External links`#external-links]`_`f

-─

>>References

`:cite-note-1`!1.`! `F0af`_`[↑`#cite-ref-1]`_`f "Spinner". `*Techdic`*. Retrieved 2022-12-23.

`:cite-note-2`!2.`! `F0af`_`[↑`#cite-ref-2]`_`f "Spin Boxes".

>>External links

• Javascript spinner control (up/down buttons): example for emulating spinners for `F33f`_`[HTML`:/page/wikibook/entry.mu`zim=wikipedia_en_all_nopic_2025-08.zim|entry_path=HTML]`_`f in `F33f`_`[JavaScript`:/page/wikibook/entry.mu`zim=wikipedia_en_all_nopic_2025-08.zim|entry_path=JavaScript]`_`f

`c`F0af`_`[↑ Back to top`#top]`_`f`a